<template>
  <div>
    <div>
      <img
        src="/1.jpg"
        alt=""
        style="width: 200px; height: 200px; transform: translate(600px, 190px)"
      />
      <ul style="transform: translate(800px)">
        <li><h1>萌宠宠物医院</h1></li>
        <li>
          <i>评 分： </i
          >综合：<u>4</u>　|　服务：<u>4</u>　|　划算：<u>4</u>　|　技术：<u
            >4</u
          >
        </li>
        <li><i>地 区： </i>山西省 晋中市 榆次区 顺城街</li>
        <li><i>地 址： </i>顺城西街晟景D区107号商铺</li>
        <li><i>营 业： </i>周一至周日00:00-23:30</li>
      </ul>
    </div>
    <div id="map" style="width:100%;height:300px;border:1px solid black:"></div>
    <div style="text-align: center"><h2>店铺风采</h2></div>
    <img src="/2.jpg" alt="" style="width: 50%; height: 600px" />
    <img src="/3.jpg" alt="" style="width: 50%; height: 600px" />
    <img src="/4.jpg" alt="" style="width: 50%; height: 600px" />
    <img src="/5.jpg" alt="" style="width: 50%; height: 600px" />
    <div style="text-align: center"><h2>评论建议</h2></div>
    <el-input
      type="textarea"
      autosize
      placeholder="请输入内容"
      v-model="textarea1">
    </el-input>
    <button>提交</button>
  </div>
</template>
<script>
import AMapLoader from "@amap/amap-jsapi-loader";
export default {
  data() {
    return {
      map: null,
       textarea1: '',
    };
  },
  methods: {
    initMap() {
      AMapLoader.load({
        key: "83109b04c4715faf89640e10d8cbae3d",
        version: "2.0",
        plugin: [
          "AMap.Autocomplete",
          "AMap.PlaceSearch",
          "AMap.Scale",
          "AMap.OverView",
          "AMap.ToolBar",
          "AMap.MapType",
          "AMap.PolyEditor",
          "AMap.CircleEditor",
        ],
      })
        .then((AMap) => {
          this.map = new AMap.Map("map", {
            viewMode: "3D", //是否为3D地图模式
            zoom: 13, //初始化地图级别
            center: [116.397428, 39.90923], //初始化地图中心点位置
          });
        })
        .catch((e) => {
          console.log(e);
        });
    },
  },
  mounted() {
    this.initMap();
  },
};
</script>

<style lang="scss" scoped></style>
